h1,h2,h3,h4,h5,h6,body,ul,p,form,dl,dd,dt{
    padding: 0;
    margin: 0;
 }
 
 .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    }
    body,footer,header,main,ul,p{
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
    }
    /* #cnav */a{
        text-decoration: none;
        color: #000;
    }
    /* #bnav a{
        text-decoration: none;
        color: #000;
    } */
 
    header ul{
        list-style: none;
    }
    footer ul{
        list-style: none;
    }
 
    #cnav{
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgb(244, 244, 244);
        z-index:9;
        position: fixed;
        height: 50px;
    }
   
    body{
        margin-bottom: 100px;
        min-width:320px;
        max-width: 1300px;
        margin: 0 auto;
        overflow-x: hidden;
    }
    
 
    #cnav ul{
        display: flex;
    }
    
    #cnav li{
      
        text-align: center;
    }
    
 
    #cnav svg{
        font-size: 37px;
        margin: 10px auto;
    }
    
 
    #cnav p{
        font-size: 18px;
        margin-top: 11px;
        line-height: 24px;
        color: #333;
    }
    #cnav li:nth-child(1) svg{
        text-align:left;
        padding: 0px 0px 0px 10px;
      
        font-size: 25px;
        
     }
     #cnav li:nth-child(2) div{
        padding: 0px 0px 0px 10px;
        font-size: 25px;
        
     }
     #cnav li:nth-child(3) svg{
        font-size: 25px;
        padding: 0px 0px 0px 30px;
     }
     #cnav li:nth-child(4) svg{
        font-size: 25px;
        padding: 0px 10px 0px 10px;
    }
    
     

 
   
    #cnav li:nth-child(5) svg{
       font-size: 30px;
       padding: 0px 10px 0px 0px;
    }
    #bnav{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: rgb(234, 232, 232);
        z-index:9;
    }
    #bnav ul{
        display: flex;
    }
    #bnav li{
        width: 20%;
        text-align: center;
    }
    #bnav svg{
        font-size: 40px;
        margin: 6px auto;
    }
    #bnav p{
        font-size: 14px;
        line-height: 24px;
        color: #333;
    }
 
    #bnav li:nth-child(3) svg{
        font-size: 60px;
        margin-bottom: 15px;
    }
    #bnav li:nth-child(1) svg{
       color: #039;
    }
    #bnav li:nth-child(1) p{
       color: #039;
    }
    .my {
        list-style: none;
        margin-top: 50px;
        flex-wrap: wrap;
        margin-bottom: 15px;
        background-color: #fff;
    }

    .my_header {
        margin-top: 50px;
        margin-left: 20px;
        margin-right: 20px;
        display: flex;
    }

    .my_header img {
        width: 70px;
        border-radius: 50%;
    }

    .my-name {
        margin-left: 8px;
        white-space: nowrap;
        /* 文字溢出隐藏 */
        text-overflow: ellipsis;
    }

    .my-name h3 {
        line-height: 30px;
        margin-top: 9px;
        width: 100%;
    }

    .my-name span {
        font-size: 9px;
        font-weight: bolder;
        color: rgb(116, 116, 116);
    }

     /* ---------我的个人中心-------- */
     .my-person {
       
        background-color: #fff;
        border-radius: 15px;
    }

  
    .my-personal-center-title {
        font-size: 12px;
    }

    .my-person li {
        margin: 5px;
    }

    .my-person svg {
        font-size: 35px;
    }
    /* *******************会员广告******************************* */
    .vip-ad {
        background: radial-gradient(#eee, rgb(254, 217, 143));
        margin: 0px 10px 0px;
        border-radius: 15px 15px 0px 0px;
        display: flex;
    }

    .vip-name {
        margin: 10px;
    }

    .vip-name h3 {
        font-size: 15px;
        font-weight: bolder;
        color: rgb(194, 105, 50);
    }

    .vip-name span {
        font-size: 10px;
        font-weight: lighter;
        color: rgb(195, 119, 73);
    }

    .vip-big-gift {
        justify-content: flex-end;
        display: flex;
        flex-grow: 1;
        margin: 20px;
        margin-top: 20px;
        font-size: 10px;
        color: rgb(195, 119, 73);
    }

    .vip-big-gift span {
        border-radius: 50px 50px;
        background-color: rgb(255, 252, 250);
        padding: 6px;
        color: rgb(195, 119, 73);
        font-weight: bolder;
    } 
    .attention-people {
        margin: 5px;
        padding: 5px;
        display: flex;
        flex-wrap: nowrap;
    }
    .attention-people li{
        list-style-type:none;
     }
    .attention-people ul {
        display: flex;
        flex-wrap: nowrap;
    }

    .attention-people li {
       
        flex-grow: 1;
        text-align: center;
    }

    .attention-mount {
        font-size: 18px;
        font-weight: bolder;
    }
   

    .atention-title {
        font-size: 10px;
        font-weight: lighter;
    }
      /***********************swiper***********************/

      body {
        padding: 0;
        margin: 0;
    }

    .mySwiper .mySwiper img {
        width: 100%;
        /* margin-top: 8px; */
    }

    /***********************main***********************/

    body {
        background-color: rgb(245, 245, 245);
    }

    .icon {
        /* 第二步：加入通用 CSS 代码（引入一次就行）： */
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }

    body {
        padding: 0;
        margin: 0;
        margin-bottom: 100px;

    }

    body {
        padding: 0;
        margin: 0;
        margin-bottom: 60px;
    }

    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
        /* table 让块级元素在一行显示*/
    }

    .clearfix:after {
        clear: both;
    }
    .neirong{
        display: flex;
        background-color: rgb(255, 255, 255);
        margin: 10px;
        padding: 10px;
        border-radius: 30px;
        padding-right: 16px;
       


    }
    .neirong li{
        list-style-type:none;
     }
     .neirong p{
        font-size: 15px;

     }
     .neirong h3 {
        font-size: 8px;
        padding:5px 10px 0px 0px;
        font-weight:100;


     }
     .neirong div{
        font-size: 18px;
        margin:10px 0px 40px 20px;
        width: 80px;
        height: 30px;
        background-color: rgb(153, 184, 241);
        border-radius: 30px;
        padding-right: 16px;
        text-align: center;
        color: rgb(34, 8, 181);
     }
     .wenti {
       
        display: flex;
        background-color: rgb(255, 255, 255);
        margin: 10px;
        padding: 10px;
        border-radius: 30px;
        padding-right: 16px;

     }
     .wenti li{
        list-style-type:none;
     }
     .wenti p{
        font-weight:bold;

     }
     .wenti .qq{
        border-top: 1px solid #ddd;
        display: flex;
        margin: 20px 10px 10px 10px;
        
     }
     .wenti .ww{
        margin: 30px 10px 10px 10px;
        font-weight:100;
        font-size: 5px;

     }
     .wenti .rr{
        margin: 80px 10px 10px 10px;
        border-radius: 30px;
        padding-right: 16px;
        text-align: center;
        color: rgb(34, 8, 181);
        background-color: rgb(153, 184, 241);
        border-radius: 30px;
        padding-right: 16px;
        width: 80px;
        height: 30px;
        font-size: 15px;
        font-weight:800px;
        
     }
     .swiper-slide{
        display: flex;
        background-color: rgb(255, 255, 255);
        margin: 10px;
        padding: 10px;
        border-radius: 30px;
        padding-right: 16px;

     }
     